<!DOCTYPE>
<html>
	<head>
	    <meta charset="UTF-8">
	    <title>深圳市环境监控平台</title>
	    <script type="text/javascript" src="http://localhost:8080/WaterMonitorJs/wdp/WasteWater/js/jquery-1.7.2.min.js"></script>
	    <script type="text/javascript" src="http://localhost:8080/WaterMonitorJs/wdp/WasteWater/js/jquery.tipTip.js"></script>
	    <link href="http://localhost:8080/WaterMonitorJs/wdp/WasteWater/style/portal.css" rel="stylesheet" type="text/css">
	    <script type="text/javascript">
	    	$(document).ready(function(){ 
				$("ul.list a img.able").mouseover(function(){
					var width = parseInt($(this).css("width").replace("px",""));
					var height = parseInt($(this).css("height").replace("px",""));
					$(this).css({
						width:(width+7)+"px",
						height:(height+7)+"px",
					});
				});
				
				$("ul.list a img.able").mouseout(function(){
					var width = parseInt($(this).css("width").replace("px",""));
					var height = parseInt($(this).css("height").replace("px",""));
					$(this).css({
						width:(width-7)+"px",
						height:(height-7)+"px",
					});
				});
	    	}); 
	    </script>
	</head>
	
	<body>
	    <div class="zs-portal-main"> 
	        <h2 class="logo"></h2>
	        <ul class="list">
	          	<li class="dbs">
	                	<a href="javascript:void(0);" class="tips" title="地表水，您没有该专题的访问权限"><img class="able" src="http://localhost:8080/WaterMonitorJs/wdp/WasteWater/images/zs-portal-icon-dbs.png"></a>
	            </li>
	            <li class="wsclc">
	                	<a href="javascript:void(0);" class="tips" title="污水处理厂，您没有该专题的访问权限"><img class="able" src="http://localhost:8080/WaterMonitorJs/wdp/WasteWater/images/zs-portal-icon-wsclc.png"></a>
	            </li>
	            <li class="gywry">
	                	<a href="http://localhost:8080/WaterMonitor/WasteWater/index.do" class="tips" title="工业污染源，点击访问"><img class="able" src="http://localhost:8080/WaterMonitorJs/wdp/WasteWater/images/zs-portal-icon-gywry.png"></a>
	            </li>
	            <li class="kqzl">
	            		<a href="javascript:void(0);" class="tips" title="空气质量，建设中……"><img src="http://localhost:8080/WaterMonitorJs/wdp/WasteWater/images/zs-portal-icon-kqzl-disable.png"></a>
	            </li>
	            <li class="dxs">
	            		<a href="javascript:void(0);" class="tips" title="地下水，建设中……"><img src="http://localhost:8080/WaterMonitorJs/wdp/WasteWater/images/zs-portal-icon-dxs-disable.png"></a>
	            </li>
	            <li class="yq">
	                	<a href="http://localhost:8080/WasteGas/WasteGas/index.do" class="tips" title="烟气，点击访问"><img class="able" src="http://localhost:8080/WaterMonitorJs/wdp/WasteWater/images/zs-portal-icon-yq.png"></a>
	            </li>
	           	<li class="zlgl">
	                	<a href="javascript:void(0);" class="tips" title="质量管理，您没有该专题的访问权限"><img class="able" src="http://localhost:8080/WaterMonitorJs/wdp/WasteWater/images/zs-portal-icon-zlgl.png"></a>
	            </li>
	        </ul>
	    </div>
	    <script>
	        $(function(){
	            $(".tips").tipTip({
	                edgeOffset: 10
	            });	
	        });
	    </script>
	</body>
</html>